Component({
  properties: {
    // 用户信息
    userInfo: {
      type: Object,
      value: {}
    },
    // 用户称号
    userTitle: {
      type: String,
      value: '流萤'
    },
    // 用户编号
    userId: {
      type: String,
      value: ''
    },
    // 是否显示
    visible: {
      type: Boolean,
      value: false
    }
  },

  data: {
    // 星点动画状态
    starAnimation: false,
    // 星光点亮状态
    lightUpAnimation: false,
    // 星点位置数据
    starPoints: []
  },

  lifetimes: {
    attached() {
      this.initStarPoints();
    }
  },

  observers: {
    'visible': function(visible) {
      console.log('欢迎卡片visible属性变化:', visible);
      if (visible) {
        this.startWelcomeAnimation();
      }
    }
  },

  methods: {
    /**
     * 初始化星点位置
     */
    initStarPoints() {
      // 生成随机星点
      const starPoints = [];
      for (let i = 0; i < 50; i++) {
        starPoints.push({
          id: i,
          x: Math.random() * 100,
          y: Math.random() * 100,
          size: Math.random() * 3 + 1,
          opacity: Math.random() * 0.8 + 0.2,
          delay: Math.random() * 2000
        });
      }

      this.setData({
        starPoints
      });
    },



    /**
     * 开始欢迎动画
     */
    startWelcomeAnimation() {
      // 延迟启动星点动画
      setTimeout(() => {
        this.setData({ starAnimation: true });
      }, 500);

      // 延迟启动星光点亮动画
      setTimeout(() => {
        this.setData({ lightUpAnimation: true });
      }, 1500);
    },

    /**
     * 点击卡片进入应用
     */
    onCardTap() {
      // 触发关闭事件，让父页面处理进入逻辑
      this.triggerEvent('close');
    }
  }
});
